<!--
  @created by qfkong on 2019-12-5 09:36:02
  @updated by
  @description jobFlowGraph
-->
<div class="globalMonitor">
  <yu-panel title="集中监控">
    <el-row>
      <el-col :span="4" style="height: 36px;">
        <span class="tit-system" style="font-weight: 600;margin-top: 18px;transform: translateY(-50%);display: block;text-align:left">集中监控台</span>
      </el-col>
      <el-col :span="6" style="text-align: right">
        <span class="tit-system">应用系统：</span>
        <div class="search-system">
          <yu-xselect :options="frequencyOptions" v-model="system" @change="frequencyChangeFn"></yu-xselect>
        </div>
      </el-col>
      <el-col :span="6">
        <span class="tit-time tit-system">刷新时间：{{ currentTime }}</span>
      </el-col>
      <el-col :span="6">
        <span class="tit-system">刷新频率：</span>
        <div class="search-system">
          <yu-xselect :options="timeOptions" v-model="timerDelay" @change="setRefreshTimer" :clearable="false"></yu-xselect>
        </div>
      </el-col>
      <el-col :span="2">
        <yu-button-group>
          <yu-button type="primary" @click="btnRefreshWorkFlowFn">刷新</yu-button>
        </yu-button-group>
      </el-col>
    </el-row>
    <yu-workflow ref="refWorkflow" @init="initGraph" :lock="false" :show-toolbar="false" :show-sidebar="false" :height="height"
      work-type="workflow" @celldblclick="celldblclickFn">
    </yu-workflow>
  </yu-panel>
</div>